<template>
  <div class="CollectPopup">
    <div class="popup"@click="hide">
      <!--<div class="popup" @click="hides($event,2)">-->
      <div class="content">
        <!--<div class="content" @click="stopPropagation">-->
        <div class="title">
          关注公众号
        </div>
        <div class="img">
          <img :src="img" alt="">
        </div>
        <div class="text">
          <p>为了您更好的阅读体验</p>
          <p>请您务必关注“十分读书”公众号</p>
        </div>
        <div class="btns">
          <btn :obj="btnobj" :text="btntext" v-on:statr="hide"></btn>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import btn from '../btn/index'

  export default {
    name: 'index',
    data: function () {
      return {
        btnobj: {
          width: '70%',
          heigth: '4rem',
          boxShadow: '0 10px 24px 0 rgba(46, 185, 255, 0.4)'
        },
        btntext: '知道了'
      }
    },
    props: ['img', 'istrue'],
    mounted: function () {
    },
    methods: {
      hide: function (e) {
        if (e && e.stopPropagation) {
          e.stopPropagation();
        } else {
          window.event.cancelBubble = true
        }
        this.$emit('hide')
      }
    },
    components: {btn}
  }
</script>

<style scoped>
  @import "../../assets/css/components/CollectPopup/index.css";
</style>
